.mian_warp {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: gold;

}

/* ====================================================*/
/* 顶部布局 */

.header {
    height: 2.5rem;
    background-color: #37ab40;
    position: relative;
}

.logo {
    display: block;
    width: 4.45rem;
    height: 1.8rem;
    margin: 0.35rem auto 0;
}

.logo img {
    width: 100%;
}

.search {
    width: 1.35rem;
    height: 1.35rem;
    position: absolute;
    right: 0.75rem;
    top: 0.6rem;
    background: url(../images/icons.png) left top no-repeat;
    /* background-color: green; */
    background-size: 3rem 42rem;
}

/* ====================================================*/
/* 中间滚动部分布局样式 */
.center_con {
    position: absolute;
    left: 0;
    right: 0;
    top: 2.5rem;
    bottom: 2.5rem;
    background-color: #efefef;

    /* 限制系统只自动出现竖向滚动条 */
    overflow-y: auto;
    overflow-x: hidden;
    /* overflow: hidden; */
    padding-bottom: .5rem;
}

.slide {
    height: 7rem;
    /* overflow: hidden; */
}

.slide img {
    width: 100%;
    /*     height: 100%; */
}

.menu_con {
    height: 9.25rem;
    background-color: #ffffff;
    margin-top: .5rem;
    /* overflow: hidden; */
}

.menu_con ul {
    width: 18rem;
    height: 8.375rem;
    margin: 0.6rem 0 0 1.375rem;
    /* background-color: gold; */
}

.menu_con li {
    width: 2.75rem;
    height: 4.05rem;
    float: left;
    /* background-color: pink; */
    margin-right: 1.675rem;
}

.menu_con li a {
    display: block;
    height: 2.75rem;
    background: url(../images/icons.png) left -3.025rem no-repeat;
    background-size: 3.0rem 42.0rem;
}

.menu_con li:nth-child(2) a {
    background-position: left -6.0rem;
}

.menu_con li:nth-child(3) a {
    background-position: left -9.0rem;
}

.menu_con li:nth-child(4) a {
    background-position: left -12.0rem;
}

.menu_con li:nth-child(5) a {
    background-position: left -15.0rem;
}

.menu_con li:nth-child(6) a {
    background-position: left -18.0rem;
}

.menu_con li:nth-child(7) a {
    background-position: left -21.0rem;
}

.menu_con li:nth-child(8) a {
    background-position: left -24.0rem;
}

.menu_con li h2 {
    height: 1.25rem;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.25rem;
    text-align: center;
}

.common_model {
    width: 100%;
    height: 17.25rem;
    background-color: #ffffff;
    margin-top: .5rem;
    /* overflow: hidden; */
}

.common_title {
    width: 17.75rem;
    /* height: .9rem; */
    /* background-color: gold; */
    font-size: 16px;
    margin: .8rem auto 0;
}

.common_title h3 {
    float: left;
    height: 0.9rem;
    font: bold 15px/0.9rem "Microsoft Yahei";
    color: #fbc83d;
    border-left: .25rem solid #fbc83d;
    text-indent: .4rem;
}

.common_title a {
    float: right;
    font: bold 12px/0.9rem "Microsoft Yahei";
    color: #7f7f7f;
}

.banner {
    display: block;
    width: 17.75rem;
    height: 4.5rem;
    margin: 0.5rem auto 0;
    overflow: hidden;
}

.banner img {
    width: 100%;
   /*  height: 100%; */
}

.goods_list {
    /* display: block; */
    width: 17.75rem;
    height: 9.325rem;
    /* background-color: gold; */
    margin: 0.5rem auto 0;
}
.goods_list li{
    width: 5.9rem;
    height: 9.325rem;
    border-right: 1px solid #e7e7e7;
    float: left;
    box-sizing: border-box;
    position: relative;
}
.goods_list li:last-child{
    border-right: 0px;
}
.goods_link{
    display: block;
    width: 4.5rem;
    height: 4.5rem; 
    margin: .375rem auto 0;
}
.goods_link img{
    width: 100%;
}

.goods_list h4{
    width: 5rem;
    font: normal 15px/15px "Microsoft Yahei";
    margin: .925rem auto 0;
    overflow: hidden;
    /* 强制文字不换行 */
    white-space: nowrap;
    /* 出现多余文字显示省略号 */
    text-overflow: ellipsis;
}
.unit{
    width: 5.0rem;
    font: normal 12px/12px "Microsoft Yahei";
    color: #bbbbbb;
    margin: .8rem auto 0;
}
.price{
    width: 5.0rem;
    font: normal 12px/12px "Microsoft Yahei";
    color: #ff4400;
    margin: .5rem auto 0;
}
.add_chart{
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    background-color: gold;
    right: .675rem;
    bottom: 0;
    background: url(../images/icons.png) left -27rem  no-repeat;
    background-size: 3.0rem 42.0rem;
}


/* ====================================================*/
/* 底部菜单 */
.footer {
    position: absolute;
    width: 100%;
    height: 2.5rem;
    left: 0;
    bottom: 0;
    background-color: #ffffff;
}
.footer li{
    width: 25%;
    height: 2.5rem;
    float: left;
}
.footer li a{
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    margin: .35rem auto 0;
    background: url(../images/icons.png) left -30.0rem no-repeat;
    background-size: 3.0rem 42.0rem;
}
.footer li:nth-child(2) a{
    background-position: left -33rem;
}
.footer li:nth-child(3) a {
    background-position: left -36rem;
}
.footer li:nth-child(4) a {
    background-position: left -39rem;
}
.footer h3{
    font: normal 12px/32px "Microsoft Yahei";
    color: #949392;
    text-align: center;
}